// import "./Notification.css";
// import Button from "../Button/Button";
// import "../Button/Button.css";
// import React from "react";
// import Stack from "../Stack/Stack";
// import Text from "../Text/Text";
// import "../Text/Text.css";
// import "../Icon/Icon.css";
// import Icon from "../Icon/Icon";

// const Notification = ({ type, time_and_date, title, subtitle }) => {
//   return (
//     <Stack className="Notification">
//       <Stack width={`100%`}>
//         <Stack width={`100%`} orientation="horizontal">
//           <Text textStyle="caption" text="Example 1" />
//           <Icon iconStyle="body2" isFilled={true} icon="keyboard_arrow_down" />
//         </Stack>
//         <Stack width={`100%`} orientation="horizontal">
//           <Icon isFilled={true} icon="report" />
//           <Stack width={`100%`}>
//             <Text textStyle="body2" text="Example 2" />
//             <Text textStyle="body2" text="Example 3" />
//           </Stack>
//         </Stack>
//       </Stack>
//       <Stack width={`100%`} orientation="horizontal">
//         <Button text="Example 1" />
//         <Button text="Example 2" />
//         <Button text="Example 3" />
//       </Stack>
//     </Stack>
//   );
// };

// export default Notification;
